
	/*作者：余志文
	时间：2018-03-14
	描述：
	*/
*{
    padding: 0px;
	margin: 0px;
	font-family: "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;
}
body{
    width: 100%;
    height: 100%;
    background-color: #f0f2f5;

    
}
.layui-container{    
    align-content: center;
    width: 1231px;
    height: auto;
}

.layui-container ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.course-div{
    position: relative;
    width: 240px;
    height: 220px;
    text-align:center;
    
 
}
.course-div:hover{
    background: white;
}
.course-div:hover .copy-font{
    opacity: 1;
}

.course-div:hover .copy-img{
    opacity: 1;
}
.copy-img{
    position: relative;
    left:23px;
    top:12px;
    opacity: 0;
    width: 16px;
    height: 16px;
}

.copy-font{
    position: relative;
    left:21px;
    top:13px;
    opacity: 0;
    color:#33aba0;
}
.coursename-div{
    position: relative;
    top:-2px;
    left: -2px;
}
.coursename-div font{
    font-family: MicrosoftYaHei;
    font-size: 14px;
}

.coursename-font{
    position: relative;
    left:-18px;
    top:13px;
    color: #333333;
}

.jianjie-div{
    width:205px;
    position: relative;
    left:9px;
    top:18px;
    overflow:hidden;
    white-space:nowrap;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #7f7f7f;
}

.img-div{
    position: relative;
    top:14px;
}